var React = require('react');
var ModalDialog = require('../../common/component/dialog/modal-dialog.node');
var ModalBody = require('../../common/component/dialog/modal-body.node');
var ModalFooter = require('../../common/component/dialog/modal-footer.node');
module.exports = function AssignResourceDialog(props) {
  return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ModalDialog, {
    dialogTitle: "${t('ui.security.permission.dialog.assignResource')}"
  }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement("form",
    null, /*#__PURE__*/ React.createElement("nav", null, /*#__PURE__*/ React.createElement("div", {
        className: "nav nav-tabs",
        role: "tablist"
      }, /*#__PURE__*/ React.createElement("button", {
        "data-x-ui": "assignedResourceNavTab",
        className: "nav-link active",
        type: "button",
        role: "tab",
        "data-toggle": "tab"
      }, "${t('ui.security.assignResourceDialog.tab.assignedResource')}"), /*#__PURE__*/ React
      .createElement("button", {
        "data-x-ui": "assignableResourceNavTab",
        className: "nav-link",
        type: "button",
        role: "tab",
        "data-toggle": "tab",
        disabled: true
      }, "${t('ui.security.assignResourceDialog.tab.assignableResource')}"))), /*#__PURE__*/ React
    .createElement("div", {
      className: "tab-content"
    }, /*#__PURE__*/ React.createElement("div", {
      "data-x-ui": "assignedResourceTabPane",
      className: "tab-pane fade show active",
      role: "tabpanel"
    }, /*#__PURE__*/ React.createElement("table", {
      "data-x-ui": "assignedResourceTable",
      className: "x-table-custom",
      "data-x-name": "assignedResources",
      "data-x-type": "dataGrid"
    }, /*#__PURE__*/ React.createElement("thead", null, /*#__PURE__*/ React.createElement("tr",
      null, /*#__PURE__*/ React.createElement("th", {
        "data-field": "id",
        "data-visible": "false"
      }, "ID"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "resourceTypeDesc"
      }, "${t('ui.security.resource.field.resourceType')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "resourcePath"
      }, "${t('ui.security.resource.field.resourcePath')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "accessMethod"
      }, "${t('ui.security.resource.field.accessMethod')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "accessPolicyDesc"
      }, "${t('ui.security.resource.field.accessPolicy')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "frozenFlagDesc"
      }, "${t('ui.security.resource.field.frozenFlag')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "remark"
      }, "${t('ui.security.resource.field.remark')}"), /*#__PURE__*/ React.createElement("th", null,
        "${t('ui.system.common.field.operate')}"))))), /*#__PURE__*/ React.createElement("div", {
      "data-x-ui": "assignableResourceTabPane",
      className: "tab-pane fade",
      role: "tabpanel"
    }, /*#__PURE__*/ React.createElement("div", {
      className: "x-search-bar"
    }, /*#__PURE__*/ React.createElement("form", null, /*#__PURE__*/ React.createElement("div", {
      className: "form-row align-items-center"
    }, /*#__PURE__*/ React.createElement("div", {
      className: "col-auto"
    }, /*#__PURE__*/ React.createElement("label", {
      className: "sr-only",
      htmlFor: "resourcePath"
    }), /*#__PURE__*/ React.createElement("div", {
      className: "input-group mb-2"
    }, /*#__PURE__*/ React.createElement("div", {
      className: "input-group-prepend"
    }, /*#__PURE__*/ React.createElement("div", {
      className: "input-group-text"
    }, "${t('ui.security.resource.field.resourcePath')}")), /*#__PURE__*/ React.createElement(
      "input", {
        type: "text",
        className: "form-control",
        id: "resourcePath",
        "data-x-name": "searchResourceField.resourcePath",
        "data-x-type": "autoTrimText"
      }))), /*#__PURE__*/ React.createElement("div", {
      className: "col-auto"
    }, /*#__PURE__*/ React.createElement("label", {
      className: "sr-only",
      htmlFor: "remark"
    }), /*#__PURE__*/ React.createElement("div", {
      className: "input-group mb-2"
    }, /*#__PURE__*/ React.createElement("div", {
      className: "input-group-prepend"
    }, /*#__PURE__*/ React.createElement("div", {
      className: "input-group-text"
    }, "${t('ui.security.resource.field.remark')}")), /*#__PURE__*/ React.createElement(
    "input", {
      type: "text",
      className: "form-control",
      id: "remark",
      "data-x-name": "searchResourceField.remark",
      "data-x-type": "autoTrimText"
    }))), /*#__PURE__*/ React.createElement("div", {
      className: "col-auto"
    }, /*#__PURE__*/ React.createElement("button", {
      type: "button",
      className: "btn btn-primary mb-2",
      "data-x-ui": "searchResourceBtn"
    }, "${t('ui.system.common.btn.search')}"))))), /*#__PURE__*/ React.createElement("table", {
      "data-x-ui": "assignableResourceTable",
      className: "x-table-custom"
    }, /*#__PURE__*/ React.createElement("thead", null, /*#__PURE__*/ React.createElement("tr",
      null, /*#__PURE__*/ React.createElement("th", {
        "data-checkbox": "true"
      }), /*#__PURE__*/ React.createElement("th", {
        "data-field": "id",
        "data-visible": "false"
      }, "ID"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "resourceTypeDesc"
      }, "${t('ui.security.resource.field.resourceType')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "resourcePath"
      }, "${t('ui.security.resource.field.resourcePath')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "accessMethod"
      }, "${t('ui.security.resource.field.accessMethod')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "accessPolicyDesc"
      }, "${t('ui.security.resource.field.accessPolicy')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "frozenFlagDesc"
      }, "${t('ui.security.resource.field.frozenFlag')}"), /*#__PURE__*/ React.createElement("th", {
        "data-field": "remark"
      }, "${t('ui.security.resource.field.remark')}"), /*#__PURE__*/ React.createElement("th", null,
        "${t('ui.system.common.field.operate')}")))))))), /*#__PURE__*/ React.createElement(ModalFooter, {
    confirmLabel: "${t('ui.system.common.btn.save')}",
    cancelLabel: "${t('ui.system.common.btn.cancel')}"
  })));
};